<!DOCTYPE html>
<html>
<head>
<?php include_once VIEWS.'inc/head.php'; ?>
</head>
<body>
	<div class="main contact js-win-h">
		<?php include_once VIEWS.'inc/header.php'; ?>
		<div class="box">
			<div class="msg-box f-cb">
				<div class="form-box pull-left">
				
				
					<form action="<?php echo site_url('contact/msg');?>" method="post" class="fm">
						<div class="input-group">
							<input id="name" class="text" type="text" value="姓名" name="username">
							<input id="tel" class="text" type="text" value="联系电话" name="tel">
							<input id="email" class="text" type="text" value="邮箱" name="email">
						</div>
						<textarea id="msg" class="text" name="content">留言内容212</textarea>
						<input class="btn" type="submit" value="提交留言">
					</form>
					
					
				</div>
				<div class="text-box pull-right">
					<br/><br/><?php echo $page['content'];?>
				</div>
			</div>
		</div>
		<?php include_once VIEWS.'inc/footer.php'; ?>
	</div>
</body>
</html>
<script type="text/javascript">
	$(function(){
		$('.js-nar-bar .link').eq(5).addClass('cur');
		$(document).on('focus','#name',function(){
			$(this).attr('type','text')
			if($(this).val()=='姓名'){
				$(this).val('');
			}
		});
		$(document).on('blur','#name',function(){
			if($(this).val()==''){
				$(this).removeAttr('type').val('姓名');
			}
		});
		$(document).on('focus','#tel',function(){
			$(this).attr('type','text')
			if($(this).val()=='联系电话'){
				$(this).val('');
			}
		});
		$(document).on('blur','#tel',function(){
			if($(this).val()==''){
				$(this).removeAttr('type').val('联系电话');
			}
		});
		$(document).on('focus','#email',function(){
			$(this).attr('type','text')
			if($(this).val()=='邮箱'){
				$(this).val('');
			}
		});
		$(document).on('blur','#email',function(){
			if($(this).val()==''){
				$(this).removeAttr('type').val('邮箱');
			}
		});
		$(document).on('focus','#msg',function(){
			$(this).attr('type','text')
			if($(this).val()=='留言内容'){
				$(this).val('');
			}
		});
		$(document).on('blur','#msg',function(){
			if($(this).val()==''){
				$(this).removeAttr('type').val('留言内容');
			}
		});
	})
</script>
<script> 
$(document).ready(
		function() {
			$(".fm").submit(function(){
           var name = $("#name").val();
           if(name == '姓名'){
        	   var name ='';
           }
           var tel = $("#tel").val();
           if(tel == '联系电话'){
        	   var tel ='';
           }
           var email = $("#email").val();
           if(email =='邮箱'){
        	   var email ='';
           }
           var content = $("#msg").val();
           if(content =='留言内容'){
        	   var content ='';
           }
           
           if(name==""){
               $('input[name=name]').addClass('erreo');
                alert("请正确填写您的姓名");
                return false;
           }else{
                $('input[name=name]').removeClass('erreo')
           }

           var regtel = /^1\d{10}$/;
           if(!regtel.test(tel) || tel==""){
               $('input[name=tel]').addClass('erreo');
                alert("请正确填写您的联系电话");
                return false;
           }else{
                $('input[name=tel]').removeClass('erreo')
           }

           var reg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/; //验证邮箱的正则表达式
           
           if(!reg.test(email)){
                $('td[name=email]').addClass('erreo');
                alert("请正确填写您的邮箱");
               return false;
           }else{
                $('td[name=email]').removeClass('erreo')
           }
           
           if(content==""){
                 $('textarea[name=content]').addClass('erreo');
                  alert("请填写留言内容");
                 return false;
           }else{
                 $('textarea[name=content]').removeClass('erreo')
           }
				});
		});
</script>